function validatData(username, pwd) {
  const unameReg = /^[a-zA-Z0-9]{8,30}$/
  const pwdReg = /^[a-zA-Z0-9]{6,30}$/
  return unameReg.test(username) && pwdReg.test(pwd)
}
//2.注册请求
async function registerData(requestBody){
  try {
    let res = await axios({
      url: '/register',
      method: 'POST',
      data: requestBody
    })
    // 响应数据判断
    pxmu.success(`用户【${requestBody.username}】注册成功，请登录`)
  } catch (err) {
    // console.dir(err);
    // 如果err.response.data.message有内容则显示，否则显示 '注册失败，请检查网络请求'
    pxmu.fail(err.response.data.message || '注册失败，请检查网络请求')
  }
}


//给注册按钮注册点击事件
const btnBox = document.querySelector('#btn-register')
const formBox = document.querySelector('.register-form')

btnBox.addEventListener('click',async function(e){
  e.preventDefault()
  //获取表单数据
  const body = serialize(formBox, { hash: true, empty: true })
  let { username, password } = body //结构属性


  // 2. 表单元素验证
  if (!validatData(username, password)) {
    pxmu.fail('【用户名】或者【密码】不符合规范')
    return
  }
  // 3. 注册请求
  await registerData(body)
})